{% extends "base.html" %}

{% block content %}
    <div id="root">
        <div class="app-body-main">
            <div class="app-main-box">
                {% include "_app_header.html" with class="manager-header home-header-transparent-white" %}

                <div class="ant-spin-nested-loading">
                    <div class="ant-spin-container">
                        <div class="edit-developer-info">
                            <div class="main-layout">
                                <div class="title">
                                    <div class="title-message">{{ application.name }}</div>
                                    <a href="{% url 'management_homepage' %}"><span> 返回</span></a></div>
                                <div class="content">
                                    <div class="developer-info-list">
                                        <div class="ant-row">
                                            <div class="developer-info-list-left">APP ID</div>
                                            <div class="developer-info-list-right">{{ application.client_id }}</div>
                                        </div>
                                    </div>
                                    <div class="developer-info-list">
                                        <div class="ant-row">
                                            <div class="developer-info-list-left">APP Secret</div>
                                            <div class="developer-info-list-right" style="word-break: break-all;">{{ application.client_secret }}</div>
                                        </div>
                                    </div>
                                    <div class="developer-info-list">
                                        <div class="ant-row">
                                            <div class="developer-info-list-left">Client Type</div>
                                            <div class="developer-info-list-right">{{ application.client_type }}</div>
                                        </div>
                                    </div>
                                    <div class="company-info">
                                        <div class="developer-info-list">
                                            <div class="ant-row">
                                                <div class="developer-info-list-left">Authorization Grant Type</div>
                                                <div class="developer-info-list-right">{{ application.authorization_grant_type }}</div>
                                            </div>
                                        </div>
                                        <div class="developer-info-list">
                                            <div class="ant-row">
                                                <div class="developer-info-list-left">回调地址</div>
                                                <div class="developer-info-list-right">{{ application.redirect_uris }}</div>
                                            </div>
                                        </div>
                                        <div class="developer-info-list">
                                            <div class="ant-row">
                                                <div class="developer-info-list-left">创建时间</div>
                                                <div class="developer-info-list-right">{{ application.created }}</div>
                                            </div>
                                        </div>
                                        <div class="developer-info-list">
                                            <div class="ant-row">
                                                <div class="developer-info-list-left">最后一次修改时间</div>
                                                <div class="developer-info-list-right">{{ application.updated }}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
{% endblock %}